<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="src/css/layui.css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script src="src/layui.js"></script>

    <style>
        table td{
            height: 40px;
        }
    </style>

</head>
<body>

          <table>
                <tr>
                    <td style="width: 150px;text-align:right">请输入账号：</td>
                    <td><input type="text" name="name" id="name"></td>
                </tr>
              <tr>
                  <td style="text-align:right">请输入手机号：</td>
                  <td><input type="text" name="phone" id="phone"></td>
                  <td><button class="layui-btn layui-btn layui-btn-xs" style="margin-left: 10px" id="yanzhengma"> 获取验证码</button></td>
              </tr>
              <tr>
                  <td style="width: 150px;text-align:right">验证码：</td>
                  <td><input type="text" name="code" id="code"></td>
              </tr>
              <tr>
                  <td></td>
                  <td style="text-align: center"><button class="layui-btn layui-btn layui-btn-xs" id="zhuce"> 注册</button></td>
                  <td></td>
              </tr>
          </table>
          <input type="hidden" id="num">
</body>
<script>

      $("#yanzhengma").click(function(){
            var phone=$("#phone").val();
            if(phone!=""){
                $.ajax({
                    url:'/Lianxi/yanzhengma',
                    type:"post",
                    dataType:"json",
                    data:{"phone":phone},
                    success:function(data){
                        $("#num").val(data);
                        console.log("已在号码为："+phone+"发送验证码，请及时填写。验证码为："+data);
                    }
                })
            }else{
                alert("手机号不能为空");
            }
        })

     $("#zhuce").click(function(){
         var code=$("#code").val();
         var num=$("#num").val();
         var name=$("#name").val();

         if((name!=""&&code!=""&&num!="") && code==num){
             alert("注册成功");
         }else if(code==""){
             alert("验证码不能为空");
         }else if(name==""){
             alert("账号不能为空");
         }else{
             alert("验证码错误");
         }

     })

</script>
</html>
